<template>
    <div class="entryLevelVue">
        <div v-for="(item, index) in list" :key="index">
            <div class="flex align_center">
                <div class="number">{{ index+1 }}</div>
                <div class="label">{{item.title}}</div>
            </div>
            <div class="inner" v-html="item.content"></div>
        </div>
        

        <!-- <div class="flex align_center margin20">
            <div class="number">2</div>
            <div class="label">上传知识库</div>
        </div>
        <div class="inner"></div>

        <div class="flex align_center margin20">
            <div class="number">3</div>
            <div class="label">定时群发</div>
        </div>
        <div class="inner"></div>

        <div class="flex align_center margin20">
            <div class="number">4</div>
            <div class="label">更进列表</div>
        </div>
        <div class="inner"></div> -->
    </div>
</template>

<script>
export default {
    data(){
        return {
            list: []
        }
    },
    created(){
        this.getList()
    },
    methods: {
        getList(){
            this.$post("/front/help/quickStartList").then(res=>{
                console.log(res)
                this.list = res.data.obj.list
            })
        }
    }
}
</script>

<style lang="less" scoped>
.entryLevelVue {
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: scroll;
    .number {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #f5f5f5;
        text-align: center;
        line-height: 28px;
        
    }
    .label {
        color: #333;
        font-weight: 600;
        padding-left: 8px;
    }
    .inner {
        width: 100%;
        height: 300px;
        background: #f5f5f5;
        margin-top: 10px;
        overflow: hidden;
    }
}

.entryLevelVue::-webkit-scrollbar {
    width: 0;
    height: 0;
}
</style>